<template>
   <div class="van_top">
      <van-nav-bar @click="$router.push('/home/account')" title="原密码" left-arrow />
   </div>
   <div class="inp">
      <van-icon size="1.8em" color="#cccccc" name="lock" /> <input type="password" placeholder="输入6-12位字母、数字">
      <van-icon size="1.8em" color="#cccccc" name="eye" />


   </div>
   <div class="btn">
      <van-button color="#ba6608" @click="$router.push('/home/updatepwd')">下一步</van-button>
   </div>
</template>
    
<script setup lang="ts">

</script>
    
<style scoped>
.btn {
   margin-top: 100px;
   width: 100%;
   height: 60px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.btn>button {
   width: 90%;
}

.inp {
   width: 100%;
   padding-bottom: 10px;
   margin: 50px 20px 10px 20px;
   border-bottom: 1px solid grey;
}

.inp>input {
   border: 0;
   width: 75%;
}

.van_top {
   --van-nav-bar-title-text-color: #000;
   /* 设置标题文本颜色为黑色 */
}

/* /deep/的意思大概为深入的 */

.van_top /deep/ .van-nav-bar__text {
   color: #000000;
}

.van-nav-bar__title {
   color: black;
}

.van_top /deep/ .van-icon-arrow-left {
   color: var(--nav-bar-icon-color, #000000) !important;
}


.van_top /deep/ .van-nav-bar {
   background-color: white;
}
</style>